export function useTable() {
    const gridOptions = reactive<any>({
        align: 'center',
        border: true,
        columnConfig: {
            resizable: true,
        },
        columns: [
            { field: 'agreementCode', title: '协议编号' },
            { field: 'agreementName', title: '协议名称' },
            { field: 'agreementType', slots: { default: 'agreementType' }, title: '协议类型' },
            { field: 'categoryName', title: '协议类目' },
            { field: 'partyB', title: '乙方' },
            { field: 'endDate', title: '协议到期日' },
            { field: 'agreementState', slots: { default: 'agreementState' }, title: '协议状态' },
            { slots: { default: 'operate' }, title: '操作', width: 300 },
        ],
        data: [],
        editConfig: {
            mode: 'row',
            showStatus: true,
            trigger: 'manual',
        },
        height: 530,
        keepSource: true,
        pagerConfig: {
            currentPage: 1,
            enabled: true,
            pageSize: 10,
            pageSizes: [10, 20, 50, 100, 200, 500],
            total: 0,
        },
        showOverflow: true,
        // toolbarConfig: {
        //     slots: {
        //         buttons: 'toolbar_buttons',
        //     },
        // },
    })

    const btns = [
        {
            label: '查看',
            permission: ['分类管理', '消息分组管理'],
            text: true,
            value: 'view',
        },
        {
            label: '下单',
            permission: ['分类管理', '消息分组管理'],
            text: true,
            value: 'add',
        },
        {
            label: '停用',
            permission: ['分类管理', '消息分组管理'],
            text: true,
            value: 'stop',
        },
    ]

    return { btns, gridOptions }
}
